/* 首页 */
#home {
  background-color: #fff;
}
#home .avator-box {
  height: 10.5rem;
  text-align: center;
  /* background-color:#e4393c; */
  background: -webkit-linear-gradient(
    left,
    #ec2a4d,
    #ce2027
  ); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(
    right,
    #ec2a4d,
    #ce2027
  ); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(
    right,
    #ec2a4d,
    #ce2027
  ); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ec2a4d, #ce2027); /* 标准的语法 */
}
#home .avator {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 1.5rem;
}
#home .avator-inner {
  padding-top: 1rem;
}
#home .avator img {
  width: 100%;
  height: 100%;
}
#home .avator-name,
.avator-company {
  color: #fff;
  margin-top: 0.5rem;
}
#home .menu-box {
  padding: 1rem 0.5rem;
}
#home .menu-box .menu-item {
  text-align: center;
  border-radius: 0.5rem;
  padding: 0.7rem 0;
  box-shadow: 1px 0px 20px 3px #ddd;
  margin-bottom: 1rem;
}
#home .menu-box .menu-item img {
  width: 2.5rem;
  height: 2.5rem;
}
/**注册**/
#regist {
  background-color: #fff;
}
.logo-box .logo-inner {
  text-align: center;
  padding: 1.5rem 0;
}
.logo-box .logo-inner .logo img {
  width: 3.5rem;
  height: 5rem;
}
.regist-form {
  width: 85%;
  margin: 0 auto;
}
.regist-form .form-item {
  margin-bottom: 1rem;
  border: 2px solid #ddd;
  height: 2.25rem;
  width: 100%;
}
/**注册**/
#regist .input-wrapper {
  padding: 0 0.5rem;
  position: relative;
  height: 40px;
  border: 2px solid #ddd;
  margin-bottom: 0.75rem;
}
#regist .input-wrapper .after-other {
  top: 0.25rem;
}
#regist .input-wrapper .clean-input img,
.input-wrapper .password img {
  width: 0.75rem;
}
#regist .input-wrapper .after-other .getcode {
  color: #fff;
  background: #3299d1;
  padding: 0.35rem;
  font-size: 0.7rem;
  border-radius: 0.25rem;
}
#regist .input-wrapper .after-other .getcode:active {
  background: #4c8cd9;
}
#regist .input-wrapper > input {
  position: absolute;
  width: calc(100% - 20px);
  font-size: 0.7rem;
  padding: 0.5rem;
  border: none;
  /* border-bottom: 1px solid #F5F4F4; */
  border-radius: 0.25rem;
  /* box-shadow: 0 0 1px #329ad1; */
  z-index: 1;
}
#regist .input-wrapper > input.icon-lable {
  padding-left: 1.5rem;
}
#regist .input-wrapper > img {
  position: absolute;
  left: 0.75rem;
  z-index: 2;
  width: 0.75rem;
  top: 8px;
}
#regist .input-wrapper > div {
  position: absolute;
  right: 0.75rem;
  top: 10px;
  z-index: 2;
}
#regist .input-wrapper .get-code {
  top: 4px;
  border: 1px solid #c99d16;
  border-radius: 15px;
  padding: 2px 10px;
}
#regist .get-code-box {
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0.75rem;
}
#regist .get-code-box .input-wrapper img {
  width: 1rem;
  top: 11px;
}
#regist .get-code-box .get-code {
  text-align: center;
  background: #ce2027;
  color: #fff;
  /* border:2px solid #ddd; */
}
#regist .get-code-box .get-code.disabled {
  text-align: center;
  background: #ddd;
  color: #fff;
  /* border:2px solid #ddd; */
}
#regist .regist-form .service-paper {
  text-align: center !important;
  margin-top: 1rem;
}
/**登录**/
#login {
  background-color: #fff;
}
#login .login-form {
  width: 85%;
  margin: 0 auto;
}
#login .input-wrapper {
  padding: 0 0.5rem;
  position: relative;
  height: 50px;
}
#login .input-wrapper .after-other {
  top: 0.25rem;
}
#login .input-wrapper > input {
  position: absolute;
  width: calc(100% - 45px);
  font-size: 0.7rem;
  padding: 0.5rem;
  border: none;
  border-bottom: 2px solid #f5f4f4;
  border-radius: 0.25rem;
  /* box-shadow: 0 0 1px #329ad1; */
  z-index: 1;
}
#login .input-wrapper > input.icon-lable {
  margin-left: 1.5rem;
}
#login .input-wrapper > img {
  position: absolute;
  left: 0.75rem;
  z-index: 2;
  width: 0.75rem;
  top: 10px;
}
#login .input-wrapper > div {
  position: absolute;
  right: 0.75rem;
  z-index: 2;
}
#login .input-wrapper .get-code {
  top: 4px;
  border: 1px solid #c99d16;
  border-radius: 15px;
  padding: 2px 10px;
}
.forget-to-regist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
#login .get-code-box {
  display: flex;
  justify-content: space-between;
  height: 40px;
  line-height: 40px;
  margin-bottom: 0.75rem;
}
#login .get-code-box .get-code {
  text-align: center;
  background: #ce2027;
  color: #fff;
  /* border: 2px solid #ddd; */
}
/**他人代录**/
#repfile {
}
.bs-box-title {
  height: 2.2rem;
  line-height: 2.2rem;
  padding-left: 0.5rem;
}
.bs-box-content {
  background-color: #fff;
}
.bs-box-inner {
  padding-left: 0.5rem;
}

.bs-box-content-item {
  padding: 0.25rem 0;
  border-bottom: 1px solid #ddd;
}
.bs-box-content-item input {
  padding: 0.25rem 0;
  width: 100%;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
}
#filerecord .bs-box-content-item textarea {
  -webkit-appearance: none;
  border: 0;
  outline: 0;
}
.bs-box-content-item.width-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  background: url('../imgs/icon/right.png') no-repeat center right;
  background-size: 0.5rem;
  background-position: calc(100% - 0.5rem) center;
}
.bs-box-content-item.width-link input {
  width: 6rem;
  text-align: right;
}
#repfile .my-btn {
  width: 90%;
  margin: 0 auto;
}
.select-rep-record {
  color: #c9c7cb;
  padding-right: 1.5rem;
  background: url('../imgs/icon/right.png') no-repeat center right;
  background-size: 0.5rem;
  background-position: calc(100% - 0.5rem) center;
}
/**filerecord**/
#filerecord {
  /* background-color: #fff; */
}
.setp-card {
  background-color: #fff;
  padding: 0.5rem 0;
  margin-bottom: 0.5rem;
}
.step-box {
  /* height: 3.5rem; */
  padding: 0.5rem 0.2rem;
  display: flex; /* justify-content: space-between; */
}
.step-item-line {
  /* padding: 0 20px 0;
    margin: 20px 0;
    line-height: 1px;
    border-left: 200px solid #ddd;
    border-right: 200px solid #ddd;
	text-align: center; */
  height: 1px;
  border-top: 1px solid #ddd;
  text-align: center;
}
.step-item-line span {
  position: relative;
  top: -14px;
  background: #999;
  /* padding: 0 20px; */
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 50%;
}
.step-item-text {
  margin-top: 0.5rem;
}
.step-item.selected .step-item-line {
  /* padding: 0 20px 0;
    margin: 20px 0;
    line-height: 1px;
    border-left: 200px solid #ddd;
    border-right: 200px solid #ddd;
	text-align: center; */
  height: 1px;
  border-top: 1px solid #ce2027;
  text-align: center;
}
.step-item.selected .step-item-line span {
  position: relative;
  top: -14px;
  background: #ce2027;
  /* padding: 0 20px; */
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  border-radius: 50%;
}
.step-item.selected .step-item-text {
  margin-top: 0.5rem;
  color: #ce2027;
}
.uploader {
  margin-top: 0.5rem;
}
.uploader-content {
  overflow: hidden;
}
.uploader-input-box {
  float: left;
  position: relative;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 77px;
  height: 77px;
  border: 1px solid #d9d9d9;
}
.uploader-input-box::before {
  width: 2px;
  height: 35px;
}
.uploader-input-box::after {
  width: 35px;
  height: 2px;
}
.uploader-input-box:after,
.uploader-input-box:before {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #d9d9d9;
}
.uploader-input {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.uploader-file {
  float: left;
  margin-right: 9px;
  margin-bottom: 9px;
  width: 79px;
  height: 79px;
  background: no-repeat 50%;
  background-size: cover;
  position: relative;
}
.uploader-file .close {
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7.5px;
  text-align: center;
  font-size: 0.65rem;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  line-height: 15px;
  background-color: #ce2027;
  color: #fff;
  display: inline-block;
}
.author-book {
  background-color: #fff;
  padding: 1.5rem;
  font-size: 0.7rem;
}
.author-book .book-content {
  text-indent: 24px;
  margin-bottom: 0.5rem;
}
.author-book .book-stamp,
.author-book .book-signature {
  text-indent: 120px;
  margin-bottom: 0.5rem;
}
.btn-box {
  padding: 0 0.75rem;
  padding-bottom: 1rem;
}
/**选择代录人**/
#selectRecorder {
  background-color: #fff;
}
#selectRecorder label {
  font-size: 0.75rem;
  cursor: pointer;
}
#selectRecorder label i {
  font-size: 0.75rem;
  font-style: normal;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: #bfbfbf;
  vertical-align: middle;
  margin: -2px 2px 1px 0px;
  border: #bfbfbf 1px solid;
}
#selectRecorder input[type='checkbox']:checked + i,
input[type='radio']:checked + i {
  background: #e4393c;
  color: #fff;
}
#selectRecorder .checkbox {
  margin-right: 1rem;
}
#selectRecorder .list-block .item-title {
  font-weight: 400;
}
#selectRecorder .list-block .item-inner:after {
  height: 0;
}
#selectRecorder .list-block .item-content {
  border-bottom: 1px solid #ddd;
}
/**代录人名单**/
#recorderList .btn {
  position: absolute;
  top: 0;
  right: -60px;
  text-align: center;
  background: #e4393c;
  color: #fff;
  width: 60px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  min-height: 2.2rem;
  line-height: 2.2rem;
}
/**添加代录人**/
/**打印授权书**/
#authList .list-block .item-inner:after {
  height: 0;
}
#authList .list-block .item-content {
  border-bottom: 1px solid #ddd;
}
#authList .print-box {
  width: 75%;
  margin-right: 0.5rem;
}
#authList .print-box .print,
#authList .print-box .re-print {
  background-color: #e4393c;
  color: #fff;
  font-size: 0.65rem;
  float: right;
  width: auto;
  padding: 5px 8px;
}
#authList .print-box .printed {
  background-color: #999;
  width: auto;
  padding: 5px 8px;
  float: left;
  color: #fff;
  font-size: 0.65rem;
}
/**授权书**/
#authBook .auth-book {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#authBook .auth-book img {
  width: 100%;
  display: block;
}
#authBook .mark {
  color: #999;
  margin-top: 0.25rem;
}
/**我的**/
#mine {
  background-color: #fff;
}
#mine .avator-box {
  background-color: #ec2a4d;
  padding: 1rem 0.55rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#mine .avator-box .avator-inner {
  display: flex;
}
#mine .avator-box .avator-inner .title-row {
  padding-top: 0.2rem;
}
#mine .avator-box .avator-inner .avator {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #fff;
  border-radius: 0.75rem;
  margin-right: 0.55rem;
}
#mine .avator-box .avator-inner .avator img {
  width: 100%;
  height: 100%;
}
#mine .avator-box .avator-inner .avator-name {
  font-size: 0.75rem;
  color: #fff;
}
#mine .avator-box .avator-inner .avator-company {
  font-size: 0.65rem;
  color: #fff;
  margin: 0;
}
#mine .item-icon {
  margin-right: 0.25rem;
}
#mine .list-block .item-inner:after {
  height: 0;
}
#mine .item-content {
  border-bottom: 1px solid #ddd;
}
/**个人信息**/
#selfInfo {
  /* background-color: #fff; */
}
#selfInfo .item-content .item-inner {
  padding-top: 0;
  padding-bottom: 0;
}
#selfInfo .item-content input {
  font-size: 0.75rem;
  text-align: right;
}
#selfInfo .item-content .item-inner .avator-upload img {
  vertical-align: middle;
}
/**已录资料**/
#dataList .search-bar {
  position: fixed;
  padding: 8px 10px;
  display: flex;
  box-sizing: border-box;
  z-index: 99;
  width: 100%;
}
#dataList .search-bar .search-box #searchInput {
  border-radius: 0.75rem;
  outline: none;
  border: 1px solid #ddd;
  font-size: 0.65rem;
  padding: 0.25rem 1.5rem;
  background-image: url('../imgs/icon/search.png');
  background-repeat: no-repeat;
  background-position: 0.2rem center;
  background-size: 1rem;
}
.search-select {
  width: 100%;
  border-radius: 0.75rem;
  font-size: 0.65rem;
  margin-left: 0.25rem;
}
#selectInput {
  border-radius: 0.75rem;
  outline: none;
  border: 1px solid #ddd;
  font-size: 0.65rem;
  padding: 0.25rem 0.5rem;
  text-align: left;
}
.selectInputDiv {
  border: none !important;
  height: 100px;
  overflow-y: auto;
  background-color: #fff;
  /* border-style:groove; */
}
#dataList .content-block {
  padding-left: 0;
  padding-right: 0;
  margin: 2.2rem 0;
}
#dataList .item-content .item-title .title {
  color: #000;
  font-size: 0.65rem;
}
#dataList .item-content .item-title .time {
  color: #ddd;
}
#dataList .status {
  font-size: 0.65rem;
}
/****上传授权书****/
#upload_authBook {
}
#upload_authBook .auth-book {
  background-color: #fff;
}
#upload_authBook .auth-book img {
  width: 100%;
  display: block;
}
#upload_authBook .mark {
  padding: 0.25rem 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
/**参与竞价**/
#bid_price {
}
#bid_price label i {
  font-size: 0.75rem;
  font-style: normal;
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  color: #bfbfbf;
  vertical-align: middle;
  margin: -2px 2px 1px 0px;
  border: #bfbfbf 1px solid;
}
#bid_price input[type='checkbox']:checked + i,
input[type='radio']:checked + i {
  background: #e4393c;
  color: #fff;
}
/**我的消息**/
#myMessage .list-block .item-content .btn {
  position: absolute;
  top: 0;
  right: -60px;
  text-align: center;
  background: #e4393c;
  color: #fff;
  width: 60px;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  min-height: 2.2rem;
  line-height: 2.2rem;
}
#myMessage .search-bar {
  /* position: fixed; */
  padding: 8px 10px;
  display: flex;
  box-sizing: border-box;
  z-index: 99;
  width: 100%;
}
#myMessage .search-bar .search-box {
  width: 100%;
}

#myMessage .search-bar .search-box #searchInput {
  border-radius: 0.75rem;
  outline: none;
  border: 1px solid #ddd;
  font-size: 0.65rem;
  padding: 0.25rem 1.5rem;
  background-image: url(../imgs/icon/search.png);
  background-repeat: no-repeat;
  background-position: 0.2rem center;
  background-size: 1rem;
  width: 100%;
  box-sizing: border-box;
}
/***重制密码***/
#forgetPass .form-box {
  padding: 0.25rem 0.75rem;
}
#forgetPass .form-box .form-title {
  padding: 0.25rem 0;
  font-size: 0.65rem;
  color: #cfcfd0;
}
#forgetPass .form-box .form-content {
  border: 2px solid #e7e7e8;
  background-color: #fff;
}
#forgetPass .input-wrapper {
  padding: 0 0.5rem;
  position: relative;
  height: 50px;
  border-bottom: 2px solid #e7e7e8;
  /* margin-bottom: 0.75rem; */
}
#forgetPass .input-wrapper > img {
  position: absolute;
  left: 0.75rem;
  z-index: 2;
  width: 0.75rem;
  top: 12px;
}
#forgetPass .input-wrapper > input {
  position: absolute;
  width: calc(100% - 20px);
  font-size: 0.7rem;
  /* padding: 0.5rem; */
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border: none;
  /* border-bottom: 1px solid #F5F4F4; */
  border-radius: 0.25rem;
  /* box-shadow: 0 0 1px #329ad1; */
  z-index: 1;
}
#forgetPass .input-wrapper > input.icon-lable {
  padding-left: 1.5rem;
}
#forgetPass .input-wrapper.get-code-box img {
  position: absolute;
  top: 18px;
  width: 17px;
}
#forgetPass .input-wrapper.get-code-box input {
  width: 45%;
}
#forgetPass .input-wrapper .get-code {
  position: absolute;
  right: 0.5rem;
  padding: 0.35rem 0.65rem;
  font-size: 0.65rem;
  top: 8px;
  background: #e4393c;
  color: #fff;
}
#forgetPass .input-wrapper .get-code.disabled {
  position: absolute;
  right: 0.5rem;
  padding: 0.35rem 0.65rem;
  font-size: 0.65rem;
  top: 8px;
  background: #c8c9ca;
  color: #fff;
}
/**保险人员首页**/
#saler {
  background-color: #fff;
}
#saler .avator-box {
  height: 10.5rem;
  text-align: center;
  /* background-color:#e4393c; */
  background: -webkit-linear-gradient(
    left,
    #ec2a4d,
    #ce2027
  ); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(
    right,
    #ec2a4d,
    #ce2027
  ); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(
    right,
    #ec2a4d,
    #ce2027
  ); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #ec2a4d, #ce2027); /* 标准的语法 */
}
#saler .avator {
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 1.5rem;
}
#saler .avator-box {
  position: relative;
}
#saler .avator-inner {
  padding-top: 1rem;
}
#saler .type-icon {
  position: absolute;
  left: 50%;
  margin-left: -1.25rem;
  bottom: -0.5rem;
  background-color: #f6f7f7;
  color: #ce2027;
  font-size: 0.65rem;
  width: 2.5rem;
  height: 1rem;
  z-index: 999;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#saler .avator img {
  width: 100%;
  height: 100%;
}
#saler .avator-name,
#saler .avator-company {
  color: #fff;
  margin-top: 0.5rem;
}
#saler .content-block {
  margin: 2rem 0;
  padding: 0;
}
/***上传和下载提货单***/
#upload_sheet {
}
#upload_sheet .upload-tip,
#download_sheet .upload-tip {
  padding: 0.25rem;
  background-color: #f6f7f7;
}
#upload_sheet .content-block,
#download_sheet .content-block {
  margin: 0;
  padding: 0;
}
#upload_sheet .upload-box,
#download_sheet .download-box {
  width: 75%;
  margin-right: 0.5rem;
}
#upload_sheet .upload-box .upload,
#upload_sheet .upload-box .re-upload {
  background-color: #e4393c;
  color: #fff;
  font-size: 0.65rem;
  float: right;
  width: auto;
  padding: 5px 8px;
}
#upload_sheet .upload-box .upload-check {
  background-color: #999;
  width: auto;
  padding: 5px 8px;
  float: left;
  color: #fff;
  font-size: 0.65rem;
}
#download_sheet .download-btn {
  background-color: #e4393c;
  color: #fff;
  font-size: 0.65rem;
  float: right;
  width: auto;
  padding: 5px 8px;
}
/**信息检查**/
#info-check {
  background-color: #fff;
}
.info-box {
  margin: 0.5rem 2rem;
  font-size: 0.65rem;
}
.info-check-form {
  margin: 0.5rem 2rem;
}
.info-check-form .list-block .item-content {
  padding-left: 0;
}
.info-check-form .list-block .item-inner:after,
.info-check-form .list-block ul:after {
  height: 0;
}
.info-check-form .list-block ul li {
  margin-bottom: 0.5rem;
}
.info-check-form .list-block input {
  border: 2px solid #ececec;
}
/**帮助详情**/
#help-detail .content ,#about-us .content,#serve-items .content{
  padding: .5rem;
}
#help-detail .help-detail-content p {
  font-size: 0.7rem;
  text-indent: 1.2rem;
  text-align: justify;
}
#help-detail .help-detail-content img{
  width:100%;
}
#about-us p{
  font-size: 0.7rem;
}
#about-us img{
  width:100%;
  max-height: 10rem;
}
#about-us .map{
  margin-top:1rem;
  width:100%;
  height:12rem;
  background: #3299d1;
}
#about-us .qr-code{
  width:50px;
  height: 50px;
  vertical-align: text-top;
  margin-left: .5rem;
}
#serve-items p{
  font-size: 0.7rem;
  text-indent: 1.2rem;
  text-align: justify;
}
#serve-items .bar{
  height: 3rem;
  line-height: 3rem;
}